@import "../../var";
@import "../../mixin";
.gzl-asidebar {
  position: fixed;
  right: px(8);
  bottom: px(70);
  z-index: 8;
  .gzl-asidebar__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: px(36);
    height: px(36);
    border-radius: 50%;
    background: rgba(255,255,255,0.93);
    box-shadow: 0 px(2) px(8) 0 rgba(0,0,0,0.05);
    &:not(:first-child) {
      margin-top: px(8);
    }
    &.show-more {
      background: transparent;
      transition: all .3s;
      >.icon {
        opacity: 0;
        transition: all .3s;
      }
    }
    .icon {
      font-size: px(20);
      color: $clr-g6;
    }
    .gzl-toolbar__collapse {
      right: 0;
      bottom: 0;
      margin: 0;
    }
  }
}